<template>
  <div class="tabbar-item">
    <slot name="item-icon"></slot>
    <slot name="item-text"></slot>
  </div>
</template>

<script>
    export default {
        name: "tabberItem"
    }
</script>

<style scoped>
  .tabbar-item{
    flex: 1;
    text-align: center;
    font-size: 10px;
    height: 49px;
    vertical-align: middle;
    color: rgb(170,170,170);
  }
  .tabbar-item img{
    width: 24px;
    height: 24px;
    margin-top: 3px;
  }
</style>
